<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>欢迎</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- Le styles -->


    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="stylesheet" href="assets/css/loader-style.css">
    <link rel="stylesheet" href="assets/css/bootstrap.css">

    <link rel="stylesheet" type="text/css" href="assets/js/progress-bar/number-pb.css">
    <link rel="stylesheet" href="assets/css/profile.css">
    <link rel="stylesheet" href="assets/Cesium/Widgets/widgets.css">

    <!--<link rel="stylesheet" href="assets/css/media.css">-->
    <style type="text/css">
        canvas#canvas4 {
            position: relative;
            top: 20px;
        }
    </style>


    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <!-- Fav and touch icons -->
    <link rel="shortcut icon" href="assets/ico/minus.png">
</head>

<body>
<!-- Preloader -->
<div id="preloader">
    <div id="status">&nbsp;</div>
</div>
<!-- TOP NAVBAR -->
<nav role="navigation" class="navbar navbar-static-top" style="margin-left: 250px;">
    <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button data-target="#bs-example-navbar-collapse-1" data-toggle="collapse" class="navbar-toggle"
                    type="button">
                <span class="entypo-menu"></span>
            </button>
            <button class="navbar-toggle toggle-menu-mobile toggle-left" type="button">
                <span class="entypo-list-add"></span>
            </button>


            <div id="logo-mobile" class="visible-xs">
                <h1>员工管理<span>v1.2</span></h1>
            </div>

        </div>


        <!-- 收集导航链接、表单和其他内容切换 -->
        <div id="bs-example-navbar-collapse-1" class="collapse navbar-collapse">
            <ul class="nav navbar-nav">

                <li class="dropdown">

                    <a data-toggle="dropdown" class="dropdown-toggle" href="#"><i style="font-size:20px;"
                                                                                  class="icon-conversation"></i>
                        <div class="noft-red">23</div>
                    </a>


                    <ul style="margin: 11px 0 0 9px;" role="menu" class="dropdown-menu dropdown-wrap">
                        <li>
                            <a href="#">
                                <img alt="" class="img-msg img-circle"
                                     src="http://api.randomuser.me/portraits/thumb/men/1.jpg">王助理 <b>刚才</b>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <img alt="" class="img-msg img-circle"
                                     src="http://api.randomuser.me/portraits/thumb/women/1.jpg">李秘书 <b>3 分钟前</b>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <img alt="" class="img-msg img-circle"
                                     src="http://api.randomuser.me/portraits/thumb/men/2.jpg">马经理 <b>2 小时前</b>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <img alt="" class="img-msg img-circle"
                                     src="http://api.randomuser.me/portraits/thumb/men/3.jpg"><i>张经理</i> <b>1 天前</b>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <img alt="" class="img-msg img-circle"
                                     src="http://api.randomuser.me/portraits/thumb/men/4.jpg"><i>助理</i> <b>2 月前</b>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <div><a href="mail.html">查看所有邮件</a></div>
                        </li>
                    </ul>
                </li>
                <li>

                    <a data-toggle="dropdown" class="dropdown-toggle" href="#"><i style="font-size:19px;"
                                                                                  class="icon-warning tooltitle"></i>
                        <div class="noft-green">5</div>
                    </a>
                    <ul style="margin: 12px 0 0 0;" role="menu" class="dropdown-menu dropdown-wrap">
                        <li>
                            <a href="#">
                                <span style="background:#DF2135" class="noft-icon maki-bus"></span><i>从哪</i>
                                <b>01B</b>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <span style="background:#AB6DB0" class="noft-icon maki-ferry"></span><i>到哪 </i>
                                <b>9:00 AM</b>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <span style="background:#FFA200" class="noft-icon maki-aboveground-rail"></span><i>延迟
                                到</i> <b>09 Min</b>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <span style="background:#86C440" class="noft-icon maki-airport"></span><i>出发</i>
                                <b>08:30 AM</b>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <span style="background:#0DB8DF" class="noft-icon maki-bicycle"></span><i>启程</i>
                                <b>08:30 AM</b>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <div>看到所有</div>
                        </li>
                    </ul>
                </li>
                <li><a href="#"><i data-toggle="tooltip" data-placement="bottom" title="Help" style="font-size:20px;"
                                   class="icon-help tooltitle"></i></a>
                </li>

            </ul>
            <div id="nt-title-container" class="navbar-left running-text visible-lg">
                <ul class="date-top">
                    <li class="entypo-calendar" style="margin-right:5px"></li>
                    <li id="Date"></li>


                </ul>

                <ul id="digital-clock" class="digital">
                    <li class="entypo-clock" style="margin-right:5px"></li>
                    <li class="hour"></li>
                    <li>:</li>
                    <li class="min"></li>
                    <li>:</li>
                    <li class="sec"></li>
                    <li class="meridiem"></li>
                </ul>
                <ul id="nt-title">
                    <li><i class="wi-day-lightning"></i>&#160;&#160;松江&#160;
                        <b>85</b><i class="wi-fahrenheit"></i>&#160;; 15km/h
                    </li>
                    <li><i class="wi-day-lightning"></i>&#160;&#160;浦东&#160;
                        <b>85</b><i class="wi-fahrenheit"></i>&#160;; 夜晚 (10.2 °C)
                    </li>

                    <li><i class="wi-day-lightning"></i>&#160;&#160;外滩&#160;
                        <b>85</b><i class="wi-fahrenheit"></i>&#160;; 15km/h
                    </li>

                    <li><i class="wi-day-lightning"></i>&#160;&#160;宁波&#160;
                        <b>85</b><i class="wi-fahrenheit"></i>&#160;; 15km/h
                    </li>

                    <li><i class="wi-day-lightning"></i>&#160;&#160;浦东新区&#160;
                        <b>85</b><i class="wi-fahrenheit"></i>&#160;; 15km/h
                    </li>

                </ul>
            </div>

            <ul style="margin-right:0;" class="nav navbar-nav navbar-right">
                <li>
                    <!--<a data-toggle="dropdown" class="dropdown-toggle" href="#">-->
                    <a href="#">
                        <img alt="" class="admin-pic img-circle"
                             src="assets/img/1.jpg">你好！&nbsp;&nbsp;&nbsp;&nbsp;
                        <!--<b class="caret"></b>-->
                    </a>

                    <!--</a>-->
                    <ul style="margin-top:14px;" role="menu" class="dropdown-setting dropdown-menu">
                        <li>
                            <a href="#">
                                <span class="entypo-user"></span>&#160;&#160;我的文件</a>
                        </li>
                        <li>
                            <a href="#">
                                <span class="entypo-vcard"></span>&#160;&#160;账号设置</a>
                        </li>
                        <li>
                            <a href="#">
                                <span class="entypo-lifebuoy"></span>&#160;&#160;帮助</a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <span class="entypo-doc-text-inv"></span>&#160;&#160; 记录</a>
                        </li>
                    </ul>
                </li>
                <li class="hidden-xs">
                    <a class="toggle-left" href="#">
                        <span style="font-size:20px;" class="entypo-list-add"></span>
                    </a>
                </li>
            </ul>

        </div>
        <!-- /.navbar-collapse -->
    </div>
    <!-- /.container-fluid -->
</nav>

<!-- /END OF TOP NAVBAR -->

<!-- SIDE MENU -->
<div id="skin-select">
    <div id="logo">
        <a href="index.html"><h1>员工管理<span>v1.2</span></h1></a>
    </div>

   <!-- <a id="toggle">
        <span class="entypo-menu"></span>
    </a>-->
    <div class="dark">
        <form action="#">
                <span>
                    <input type="text" name="search" value="" class="search rounded id_search"
                           placeholder="员工搜索">
                </span>
        </form>
    </div>

    <div class="search-hover">
        <form id="demo-2">
            <input type="search" placeholder="员工搜索" class="id_search">
        </form>
    </div>


    <div class="skin-part">
        <div id="tree-wrap">
            <div class="side-bar">
                <!--员工管理-->
                <ul class="topnav menu-left-nest">
                    <li>
                        <a href="#" style="border-left:0px solid!important;" class="title-menu-left">

                            <span class="widget-menu"></span>
                            <i data-toggle="tooltip" class="icon-user-group pull-right config-wrap"></i>

                        </a>
                    </li>

                    <li>
                        <a class=" ajax-load" href="#" >
                            <i class="entypo-users"></i>
                            <span>技术部</span>
                            <i style="margin-left: 70px">3/3</i>
                        </a>
                        <ul class="menu-left-nest2">
                            <li class=" ajax-load dropdown">
                                <a data-toggle="dropdown" class="dropdown-toggle" href="javascript:;"><i
                                        class="entypo-user"></i><span>张强</span>
                                </a>
                                <ul style="margin: -40px 0 0 220px;" role="menu" class="dropdown dropdown-menu work">
                                    <li>
                                        <a href="javascript:;">
                                            <span> 查看打卡</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看资料</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看业绩</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;" id="checkPath">
                                            <span>查看路径</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看位置</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>

                            <li class=" ajax-load dropdown">

                                <a data-toggle="dropdown" class="dropdown-toggle" href="javascript:;"><i
                                        class="entypo-user"></i><span>王某</span>
                                </a>
                                <ul style="margin: -40px 0 0 220px;" role="menu" class="dropdown dropdown-menu work">
                                    <li>
                                        <a href="javascript:;">
                                            <span> 查看打卡</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看资料</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看业绩</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看路径</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看位置</span>
                                        </a>
                                    </li>
                                </ul>

                            </li>

                            <li class=" ajax-load dropdown">

                                <a data-toggle="dropdown" class="dropdown-toggle" href="javascript:;"><i
                                        class="entypo-user"></i><span>刘某</span>
                                </a>
                                <ul style="margin: -40px 0 0 220px;" role="menu" class="dropdown dropdown-menu work">
                                    <li>
                                        <a href="javascript:;">
                                            <span> 查看打卡</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看资料</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看业绩</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="jjavascript:;">
                                            <span>查看路径</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看位置</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>

                        </ul>
                    </li>
                    <li>
                        <a class=" ajax-load" href="#">
                            <i class="entypo-users"></i>
                            <span>销售部</span>

                        </a>
                        <ul class="menu-left-nest2">
                            <li class=" ajax-load dropdown">

                                <a data-toggle="dropdown" class="dropdown-toggle" href="javascript:;"><i
                                        class="entypo-user"></i><span>张强</span>
                                </a>
                                <ul style="margin: -40px 0 0 220px;" role="menu" class="dropdown dropdown-menu work">
                                    <li>
                                        <a href="javascript:;">
                                            <span> 查看打卡</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看资料</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看业绩</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看路径</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看位置</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>

                            <li class=" ajax-load dropdown">

                                <a data-toggle="dropdown" class="dropdown-toggle" href="javascript:;"><i
                                        class="entypo-user"></i><span>王某</span>
                                </a>
                                <ul style="margin: -40px 0 0 220px;" role="menu" class="dropdown dropdown-menu work">
                                    <li>
                                        <a href="javascript:;">
                                            <span> 查看打卡</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看资料</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看业绩</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看路径</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看位置</span>
                                        </a>
                                    </li>
                                </ul>

                            </li>

                            <li class=" ajax-load dropdown">

                                <a data-toggle="dropdown" class="dropdown-toggle" href="javascript:;"><i
                                        class="entypo-user"></i><span>刘某</span>
                                </a>
                                <ul style="margin: -40px 0 0 220px;" role="menu" class="dropdown dropdown-menu work">
                                    <li>
                                        <a href="javascript:;">
                                            <span> 查看打卡</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看资料</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看业绩</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看路径</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看位置</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>

                        </ul>
                    </li>
                    <li>
                        <a class="ajax-load" href="#" >
                            <i class="entypo-users"></i>
                            <span>人事部</span>

                        </a>
                        <ul class="menu-left-nest2">
                            <li class=" ajax-load dropdown">

                                <a data-toggle="dropdown" class="dropdown-toggle" href="javascript:;"><i
                                        class="entypo-user"></i><span>张强</span>
                                </a>
                                <ul style="margin: -40px 0 0 220px;" role="menu" class="dropdown dropdown-menu work">
                                    <li>
                                        <a href="javascript:;">
                                            <span> 查看打卡</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看资料</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看业绩</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看路径</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看位置</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>

                            <li class=" ajax-load dropdown">

                                <a data-toggle="dropdown" class="dropdown-toggle" href="javascript:;"><i
                                        class="entypo-user"></i><span>王某</span>
                                </a>
                                <ul style="margin: -40px 0 0 220px;" role="menu" class="dropdown dropdown-menu work work">
                                    <li>
                                        <a href="javascript:;">
                                            <span> 查看打卡</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看资料</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看业绩</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看路径</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看位置</span>
                                        </a>
                                    </li>
                                </ul>

                            </li>

                            <li class=" ajax-load dropdown">

                                <a data-toggle="dropdown" class="dropdown-toggle" href="javascript:;"><i
                                        class="entypo-user"></i><span>刘某</span>
                                </a>
                                <ul style="margin: -40px 0 0 220px;" role="menu" class="dropdown dropdown-menu work">
                                    <li>
                                        <a href="javascript:;">
                                            <span> 查看打卡</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看资料</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看业绩</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看路径</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看位置</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>

                        </ul>
                    </li>

                </ul>
                <!--智能分析-->
                <ul class="topnav menu-left-nest">
                    <li>
                        <a href="#" style="border-left:0px solid!important;" class="title-menu-left">

                            <span class="design-kit"></span>
                            <i data-toggle="tooltip" class="icon-graph-pie pull-right config-wrap"></i>
                        </a>
                    </li>

                    <li>
                        <a class=" ajax-load" href="blank_page.html" title="人员位置">
                            <i class="entypo-location"></i>
                            <span>人员位置</span>

                        </a>
                    </li>
                    <li>
                        <a class=" ajax-load" href="blank_page.html" title="路径分析">
                            <i class="icon-graph-line"></i>
                            <span>路径分析</span>
                            <!--右侧蓝色提示-->
                            <!--<div class="noft-blue">289</div>-->
                        </a>
                    </li>

                    <li>
                        <a class=" ajax-load" href="blank_page.html" title="区域分析">
                            <i class="entypo-address"></i>
                            <span>区域分析</span>
                            <!--<div class="noft-blue" style="display: inline-block; float: none;">New</div>-->
                        </a>
                    </li>

                    <li>
                        <a class="" href="chart.html" title="考勤分析">
                            <i class="entypo-calendar"></i>
                            <span>考勤分析</span>
                        </a>
                        <!--图表展示-->
                    </li>

                    <!-- <li>
                         <a class=" " href="login.html" title="login">
                             <i class="icon-download"></i>
                             <span>Login</span>
                         </a>
                     </li>-->

                </ul>
                <!--系统设置-->
                <ul id="menu-showhide" class="topnav menu-left-nest">
                    <li>
                        <a href="#" style="border-left:0px solid!important;" class="title-menu-left">

                            <span class="component"></span>
                            <i data-toggle="tooltip" class="icon-gear pull-right config-wrap"></i>

                        </a>
                    </li>


                    <li>
                        <a class="" href="table-dynamic.html" title="后台管理">
                            <i class="icon-monitor"></i>
                            <span>后台管理</span>
                            <!--后台管理人员增删改-->
                        </a>

                    </li>
                    <li>
                        <a class="" href="wizard.html" title="考勤设置">
                            <i class="icon-document"></i>
                            <span>考勤设置</span>
                        </a>
                    </li>
                    <li>
                        <a class="" href="mail.html" title="发送通知">
                            <i class="icon-view-thumb"></i>
                            <span>发送通知</span>
                        </a>
                    </li>

                    <li>
                        <a class=" ajax-load" href="invoice.html" title="其他/打印凭据">
                            <i class="icon-location"></i>
                            <span>其他</span>
                        </a>
                    </li>
                </ul>


            </div>
        </div>
    </div>
</div>
<!-- END OF SIDE MENU -->


<!--  PAPER WRAP -->
<div class="wrap-fluid" style="margin-left: 250px">
    <div class="container-fluid paper-wrap bevel tlbr" id="mainContent">


        <div class="content-wrap" style="height: 650px">
            <div class="row col-lg-12"  style="height: 650px";>

                <!--卫星影像-->
                <div id="sate">
                    <div class="nest" style="height: 650px">
                        <div class="title-alt body-nest" >
                            <div id="site" style="min-height:296px;height: 600px"></div>
                        </div>

                    </div>
                </div>
            </div>
        </div>

        <div class="content-wrap">
            <div class="row " style="margin-top: 30px">
                <!--表1-->
                <div class="col-lg-4">

                    <div class="nest">
                        <!--日历 my97-->
                        <div class="time" style="position: absolute; right: 3px;;top: 10px; z-index: 99">


                            <input class="Wdate" type="text" id="d15"
                                   onFocus="WdatePicker({isShowClear:false,readOnly:true,skin:'whyGreen'})"/>

                            <!--<input id="date-note" type="text" onClick="WdatePicker()"/>-->
                        </div>

                        <div id="mychart1" style="min-height:296px;width: 375px;" class="title-alt"></div>
                        <div class="body-nest nest-text" style="max-height: 98px">

                            <h5>本月出勤时间 <strong>23</strong> 天，已出勤 <strong>5</strong> 天</h5>
                            <p>时间:2017.03.01——2017.04.01</p>

                        </div>
                    </div>

                </div>
                <!--出勤表-->
                <div class="col-lg-4 ">

                    <div class="nest" style="min-width: 375px;max-width: 890px; ">

                        <div id="bar-chart" style="min-height:296px;padding: 0 30px" class="title-alt"></div>
                        <!--<div class="nest-note">

                            <span>全员<small>（人）</small></span>
                            <span>出勤<small>（人）</small></span>
                            <span>出差<small>（人）</small></span>
                            <span>请假<small>（人）</small></span>


                        </div>-->
                    </div>
                    <div class="body-nest" style="min-width: 375px;max-width: 890px;">

                        <button class="btn btn-default" type="reset" value="Reset form!">查看完整统计</button>


                    </div>
                </div>
                    <!--员工消息-->
                <div class="col-lg-4" style=" padding-top: 30px;">
                    <div class="nest news-item  information">
                        <h5>员工消息</h5>
                        <hr style="margin: 2px;">
                        <ul  class="new">
                            <li class="media">
                                <a class="pull-left" href="#">
                                    <img class="media-object img-responsive-media" data-src="holder.js/64x64" alt="64x64" src="http://api.randomuser.me/portraits/thumb/women/21.jpg">
                                </a>
                                <div class="media-body">
                                    <h5 class="media-heading">决策不会因为层层管理而迟迟没有结果。事实上，很多措施都是由各方围绕会议桌开会而达成共识的。</h5>
                                    <a class="link-comment recentpost-link" style="margin:-10px 0 10px" href="#">88 人已读</a>
                                </div>
                            </li>

                            <li class="media">
                                <a class="pull-left" href="#">
                                    <img class="media-object img-responsive-media" data-src="holder.js/64x64" alt="64x64" src="http://api.randomuser.me/portraits/thumb/women/22.jpg">
                                </a>
                                <div class="media-body">
                                    <h5 class="media-heading">多人通讯是一件痛苦的事情, 时间就是金钱.</h5>
                                    <a class="link-comment recentpost-link" style="margin:-10px 0 10px" href="#">90 人已读</a>
                                </div>
                            </li>

                            <li class="media">
                                <a class="pull-left" href="#">
                                    <img class="media-object img-responsive-media" data-src="holder.js/64x64" alt="64x64" src="http://api.randomuser.me/portraits/thumb/women/19.jpg">
                                </a>
                                <div class="media-body">
                                    <h5 class="media-heading"> 为了使企业内部网可以供员工使用，您需要专人来设计和维护内容。要能做到不断更新的信息。  </h5>
                                    <a class="link-comment recentpost-link" style="margin:-10px 0 10px" href="#">42 人已读</a>
                                </div>
                            </li>

                            <li class="media">
                                <a class="pull-left" href="#">
                                    <img class="media-object img-responsive-media" data-src="holder.js/64x64" alt="64x64" src="http://api.randomuser.me/portraits/thumb/women/23.jpg">
                                </a>
                                <div class="media-body">
                                    <h5 class="media-heading"> 通过使用同一个 企业内部网，人们可以使用共享的文件，并且有一个集中的地点放置最新的文件。  </h5>
                                    <a class="link-comment recentpost-link" style="margin:-10px 0 10px" href="#">111 人已读</a>
                                </div>
                            </li>

                            <li class="media">
                                <a class="pull-left" href="#">
                                    <img class="media-object img-responsive-media" data-src="holder.js/64x64" alt="64x64" src="http://api.randomuser.me/portraits/thumb/women/24.jpg">
                                </a>
                                <div class="media-body">
                                    <h5 class="media-heading">如果在开会的前几天使用企业内部网的话，事情会简单些。事先就可以进行讨论。与会者本来在销售会议之前可以更加集中地讨论问题。</h5>
                                    <a class="link-comment recentpost-link" style="margin:-10px 0 10px" href="#">123 人已读</a>
                                </div>
                            </li>

                            <li class="media">
                                <a class="pull-left" href="#">
                                    <img class="media-object img-responsive-media" data-src="holder.js/64x64" alt="64x64" src="http://api.randomuser.me/portraits/thumb/women/25.jpg">
                                </a>
                                <div class="media-body">
                                    <h5 class="media-heading"> 为了使企业内部网可以供员工使用，您需要专人来设计和维护内容。要能做到不断更新的信息。  </h5>
                                    <a class="link-comment recentpost-link" style="margin:-10px 0 10px" href="#">42 人已读</a>
                                </div>
                            </li>

                            <li class="media">
                                <a class="pull-left" href="#">
                                    <img class="media-object img-responsive-media" data-src="holder.js/64x64" alt="64x64" src="http://api.randomuser.me/portraits/thumb/women/27.jpg">
                                </a>
                                <div class="media-body">
                                    <h5 class="media-heading"> 通过使用同一个 企业内部网，人们可以使用共享的文件，并且有一个集中的地点放置最新的文件。  </h5>
                                    <a class="link-comment recentpost-link" style="margin:-10px 0 10px" href="#">111 人已读</a>
                                </div>
                            </li>

                            <li class="media">
                                <a class="pull-left" href="#">
                                    <img class="media-object img-responsive-media" data-src="holder.js/64x64" alt="64x64" src="http://api.randomuser.me/portraits/thumb/women/30.jpg">
                                </a>
                                <div class="media-body">
                                    <h5 class="media-heading">如果在开会的前几天使用企业内部网的话，事情会简单些。事先就可以进行讨论。与会者本来在销售会议之前可以更加集中地讨论问题。</h5>
                                    <a class="link-comment recentpost-link" style="margin:-10px 0 10px" href="#">123 人已读</a>
                                </div>
                            </li>

                        </ul>

                    </div>
                </div>
                <!--邮件发送-->
                <div class="col-lg-8 " style="padding-top: 10px">
                    <div class="">
                        <div class="col-lg-12 mail">
                            <h5>内部邮件</h5>
                            <button class="btn" type="reset">草稿箱</button>
                        </div>
                        <div class="col-lg-3" style="padding: 0">
                            <div class="table-responsive staff">
                                <table class="table">
                                    <tbody>
                                    <tr>
                                        <td class="driver-devider">
                                            <img class="armada-pic img-circle" alt=""
                                                 src="http://api.randomuser.me/portraits/thumb/men/14.jpg">
                                            <h3>东东</h3>
                                            <br>
                                            <p>技术总监</p>
                                        </td>

                                    </tr>
                                    <tr>
                                        <td class="driver-devider">
                                            <img class="armada-pic img-circle" alt=""
                                                 src="http://api.randomuser.me/portraits/thumb/men/38.jpg">
                                            <h3>偶偶</h3>
                                            <br>
                                            <p>销售主管</p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="driver-devider">
                                            <img class="armada-pic img-circle" alt=""
                                                 src="http://api.randomuser.me/portraits/thumb/men/38.jpg">
                                            <h3>偶偶</h3>
                                            <br>
                                            <p>销售主管</p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="driver-devider">
                                            <img class="armada-pic img-circle" alt=""
                                                 src="http://api.randomuser.me/portraits/thumb/men/39.jpg">
                                            <h3>菲菲</h3>
                                            <br>
                                            <p>人事部</p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="driver-devider">
                                            <img class="armada-pic img-circle" alt=""
                                                 src="http://api.randomuser.me/portraits/thumb/men/38.jpg">
                                            <h3>偶偶</h3>
                                            <br>
                                            <p>销售主管</p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="driver-devider">
                                            <img class="armada-pic img-circle" alt=""
                                                 src="http://api.randomuser.me/portraits/thumb/men/38.jpg">
                                            <h3>偶偶</h3>
                                            <br>
                                            <p>销售主管</p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="driver-devider">
                                            <img class="armada-pic img-circle" alt=""
                                                 src="http://api.randomuser.me/portraits/thumb/men/39.jpg">
                                            <h3>菲菲</h3>
                                            <br>
                                            <p>人事部</p>
                                        </td>
                                    </tr>

                                    <tr>
                                        <td class="driver-devider">
                                            <img class="armada-pic img-circle" alt=""
                                                 src="http://api.randomuser.me/portraits/thumb/men/39.jpg">
                                            <h3>菲菲</h3>
                                            <br>
                                            <p>人事部</p>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>


                        <div class="col-lg-9" style="padding: 0px">
                            <div class="body-nest" id="horizontal" style="padding-right: 110px;">

                                <form role="form" class="form-horizontal">
                                    <div class="form-group">
                                        <label class="col-lg-2 col-sm-2 control-label" for="inputEmail1">收件人:</label>
                                        <div class="col-lg-10">
                                            <input type="email" id="inputEmail1" class="form-control">
                                            <!--<p class="help-block">Example block-level help text here.</p>-->
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-lg-2 col-sm-2 control-label" for="theme-drawer">主题:</label>
                                        <div class="col-lg-10">
                                            <input type="theme" id="theme-drawer" class="form-control">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-lg-2 col-sm-2 control-label" for="theme-drawer">正文:</label>
                                    <textarea class="textarea " style="height: 300px;width: 80%;resize: none "
                                              placeholder="Enter text ..."></textarea>
                                    </div>

                                    <div class="form-group">
                                        <div class="col-lg-offset-2 col-lg-10">
                                            <button class="btn" type="submit">发送</button>
                                        </div>
                                    </div>
                                </form>


                            </div>
                        </div>
                    </div>
                    <!--公司信息-->
                    <!--       <div class="col-lg-4" style="overflow: hidden ;max-width: 500px" >
                               <div class="company-wrap">
                                   <div class="row">
                                       <div class="col-lg-12">
                                           <h5>员工信息</h5>
                                       </div>
                                   </div>
                                   <div class="row">
                                       <div class="col-lg-6">
                                           <p>
                                               天覆信息，精进不止，将地理信息系统、全景展示、倾斜摄影建模等多维信息进行融合，为各企事业单位提供高价值、高效率、可视化、一体化的解决方案。该方案无需用户安装软硬件，用户只需打开浏览器，通过一个网址，即可实现PC（个人电脑）、平板电脑、手机跨平台应用服务。我司提出了基于网页的用户内容展示系统框架，结合地理信息系统、无人机航拍、室内建模、卫星遥感等先进技术，实现用户需求三维形象化展示，极大提高了用户体验。我司在政府、企业、学校等有着广泛的客户群，随着VR（虚拟现实）技术的发展，我们还能够进一步实现技术的跨领域融合，将会为客户带来前所未有的视觉享受。</p>
                                       </div>
                                       <div class="col-lg-6">
                                           <img src="assets/img/tianfu.png" alt="天覆信息，精进不止">
                                           <img src="assets/img/tianfu.png" alt="天覆信息，精进不止">
                                       </div>
                                   </div>
                                   <div class="row">
                                       <div class="col-lg-6">
                                           <p>
                                               天覆信息，精进不止，将地理信息系统、全景展示、倾斜摄影建模等多维信息进行融合，为各企事业单位提供高价值、高效率、可视化、一体化的解决方案。该方案无需用户安装软硬件，用户只需打开浏览器，通过一个网址，即可实现PC（个人电脑）、平板电脑、手机跨平台应用服务。我司提出了基于网页的用户内容展示系统框架，结合地理信息系统、无人机航拍、室内建模、卫星遥感等先进技术，实现用户需求三维形象化展示，极大提高了用户体验。我司在政府、企业、学校等有着广泛的客户群，随着VR（虚拟现实）技术的发展，我们还能够进一步实现技术的跨领域融合，将会为客户带来前所未有的视觉享受。</p>
                                       </div>
                                       <div class="col-lg-6">
                                           <img src="assets/img/tianfu.png" alt="天覆信息，精进不止">
                                           <img src="assets/img/tianfu.png" alt="天覆信息，精进不止">
                                       </div>
                                   </div>


                               </div>
                           </div>-->


                </div>
            </div>

        </div>

        <div class="content-wrap chart-wrap clearfix">

            <!-- /END OF CONTENT -->


        </div>
    </div>
</div>
<!--  END OF PAPER WRAP -->



</body>

<!-- ceiusm引入-->
<script src="assets/Cesium/Cesium.js"></script>

<!-- 对滑块的内容-->
<script type="text/javascript" src="assets/js/jquery.js"></script>
<script type="text/javascript" src="./js/common.js"></script>
<script src="assets/js/progress-bar/src/jquery.velocity.min.js"></script>
<script src="assets/js/progress-bar/number-pb.js"></script>
<script src="assets/js/progress-bar/progress-app.js"></script>
<script type="text/javascript" src="js/arcgisServer.js"></script>
<!--日历-->
<script type="text/javascript" src="my97datepicker/WdatePicker.js"></script>


<!-- 主效果 -->
<script type="text/javascript" src="assets/js/preloader.js"></script>
<script type="text/javascript" src="assets/js/bootstrap.js"></script>
<script type="text/javascript" src="assets/js/app.js"></script>
<script type="text/javascript" src="assets/js/load.js"></script>
<script type="text/javascript" src="assets/js/main.js"></script>



<script type="text/javascript" src="assets/js/chart/jquery.flot.js"></script>
<script type="text/javascript" src="assets/js/chart/jquery.flot.resize.js"></script>
<script type="text/javascript" src="assets/js/chart/realTime.js"></script>
<script type="text/javascript" src="assets/js/countdown/jquery.countdown.js"></script>


<script src="assets/js/jhere-custom.js"></script>

<!--图表-->
<script type="text/javascript" src="js/echarts.min.js"></script>
<script type="text/javascript" src="js/chart2.js"></script>
<script type="text/javascript" src="js/day.js"></script>

<!-- -->
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script>
    //    登录后
    if (!sessionStorage.getItem('rank')) {
        location.href = 'login.html';
    }

    //员工信息
    var check =  $(".work li:not(:eq(6),:eq(8))");
    check.click(function () {
        $("#mainContent").html(' ');
        $.ajax({
            url: "profile.html",
            type: "GET",
            success: function (result) {
                console.log(result);
                $("#mainContent").html(result);
            },
            error: function (err) {
                console.log(err);
            }
        });

    });
    //人员列表
        window.onload = function(){
            $.ajax({
                url:'http://192.168.0.51:9096/pm/api/?s=/home/index/getPartList',
                type: "post",
                dataType: "json",
                contentType: "application/x-www-form-urlencoded",
                success: function (data, status, xhr) {
                    // alert(data.error.code)
                  /*  if (data.code == 0 || data.error.code == 400) {
                        ajaxSuccess(data);
                    } else {
                        success(data.code);
                    }*/
                }
            })


        $('.side-bar ul').on('click','a',function(e){
            var part = $(e.target);
            alert(1)
            ajaxRequest('http://192.168.0.51:9096/pm/api/?s=/home/index/getPartList', dataBody,partList);
        });
        function partList (){
            console.log(11)
        }

    function ajaxRequest(url,dataBody,ajaxSuccess) {
        $.ajax({
            url:url,
            type: "post",
            dataType: "json",
            contentType: "application/x-www-form-urlencoded",
            data: dataBody,
            // headers: {
            //     "token": token,
            //     "Content-Type": "application/json;charset=utf-8"
            // },
            success: function (data, status, xhr) {
                // alert(data.error.code)
                if (data.code == 0 || data.error.code == 400) {
                    ajaxSuccess(data);
                } else {
                    success(data.code);
                }
            },
            error: function (err) {
                console.log(err);
                error(err);
            }
        });
    }


    //邮件发送
    $(".table").on('click','td',function(e){
        var otd ;
        var el = $(e.target);
        $('#inputEmail1').val('');
        $('#theme-drawer').val('');
        var inputEmail1 = el.children('h3').text();
        var theme = el.children('p').text();
        $('#inputEmail1').val(inputEmail1);
        $('#theme-drawer').val(theme);
        //console.log(inputEmail1);
        el.addClass('current').parent().siblings().children('td').removeClass('current');
    });





    setInterval(function(){
        $('.new li:last').css({'height':'0px','opacity': '0'}).insertBefore('.new li:first').animate({'height':'35px','opacity': '1'},100, function() {
            $(this).removeAttr('style');
        });
    },3500);

    //淡入淡出
    /*    setInterval(function(){
     $('.new li:last').fadeOut(500).insertBefore('.new li:first').fadeIn()
     },2300);*/

</script>
<script>

        var viewer = new Cesium.Viewer("site", {
            baseLayerPicker: false,
            geocoder: false,
            homeButton: false,
            infoBox: false,
            sceneModePicker: false,
            navigationHelpButton: false,
//            fullscreenButton: false,
            terrainExaggeration: 2.0,
            imageryProvider: mapData.IMAGERY_PROVIDERS["worldMap"].provider,
            selectionIndicator: false,
            timeline: false,
            animation: false
        });
        viewer._cesiumWidget._creditContainer.style.display = 'none';
        viewer.scene.imageryLayers.addImageryProvider(mapData.IMAGERY_PROVIDERS["worldMapName"].provider)
        billboards = viewer.scene.primitives.add(new Cesium.BillboardCollection());
        var cartesian = [];
        cartesian.push(Cesium.Cartesian3.fromDegrees(121.496335,31.322225));
        cartesian.push(Cesium.Cartesian3.fromDegrees(121.677433,31.198257));
        cartesian.push(Cesium.Cartesian3.fromDegrees(121.690081,31.067692));
        cartesian.push(Cesium.Cartesian3.fromDegrees(121.383651,31.094908));
//        cartesian.push(Cesium.Cartesian3.fromDegrees(121.387101,31.122116));
        cartesian.push(Cesium.Cartesian3.fromDegrees(121.584297,31.14091));
        cartesian.push(Cesium.Cartesian3.fromDegrees(121.312937,31.170577));
        cartesian.push(Cesium.Cartesian3.fromDegrees(121.242366,31.01076));
        console.log(cartesian);
        for (var i = 0; i < cartesian.length; i++) {
            billboards.add({
                position: cartesian[i],
                show: true,
                scale: 0.8,
                image: "./img/billBoarIcon.png",
                id: "tianfu"
            });
        }
        viewer.camera.flyTo({
            destination: Cesium.Cartesian3.fromDegrees(121.454366,31.234329, 200000)
        });
       /* viewer.entities.add({
            name : 'polyline',
            polyline : {
                positions :cartesian,
                width :6,
                material : new Cesium.PolylineOutlineMaterialProperty({
                    color : Cesium.Color.CYAN
                })
            }
        });*/

        function ajaxSuccess(result) {
            console.log(result);
        }
        function toCzml(arr,speed) {
            var czml  =[{
                "id" : "document",
                "name" : "CZML Path",
                "version" : "1.0",
                "clock": {
                    "interval": "2012-08-04T10:00:00Z/2012-08-04T15:00:00Z",
                    "currentTime": "2012-08-04T10:00:00Z",
                    "multiplier": 150
                }
            }, {
                "id" : "path",
                "name" : "path with GPS flight data",
                "description" : "<p>Hang gliding flight log data from Daniel H. Friedman.<br>Icon created by Larisa Skosyrska from the Noun Project</p>",
                "availability" : "2012-08-04T10:00:00Z/2012-08-04T15:00:00Z",
                "path" : {
                    "material" : {
                        "solidColor" : {
                            "color" : {
                                "rgba" : [255,0, 0, 255]
                            }
                        }
                    },
                    "width" : 5,
                    "leadTime" : 10,
                    "trailTime" : 100000,
                    "resolution" : 5
                },
                "billboard" : {
                    "image" : "./img/billBoarIcon.png",
                    "scale" : 0.8,
                    "eyeOffset": {
                        "cartesian": [ 0.0, 0.0, -10.0 ]
                    }
                },
                "position" : {
                    "epoch" : "2012-08-04T10:00:00Z",
                    "cartesian" : cartesian
                }
            }];

            var cartographicDegrees = [];
            $.each(arr,function (i,val) {
//                debugger;
                if(i<10){
                    i = '0'+i;
                }
                // 组装cartographicDegrees
                cartographicDegrees.push(i*speed);
                cartographicDegrees.push(Number(val.x));
                cartographicDegrees.push(Number(val.y));
                cartographicDegrees.push(Number(val.z));
            });

            czml[1].position.cartesian =cartographicDegrees;
            console.log(czml[1].position)
                //定义DataSource
            dataSource = Cesium.CzmlDataSource.load(czml);
            //获取平台的viewer
            //将上面转好的czml加载到获取的viewer中.
            viewer.dataSources.add(dataSource).then(function(ds) {
                console.log("*************************************");
                console.log(dataSource);
                console.log("=====================================");
                console.log(ds);
                _ds=ds;
                //跳转视角
//                viewer.trackedEntity = ds.entities.getById("Vehicle");
            });
        }
    $("#checkPath").click(function () {
        billboards.removeAll();
        toCzml(cartesian,900);
    })
</script>
<script type="text/javascript" src="js/sate.js"></script>
</html>
